<!DOCTYPE html >
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>青青青青青！！！</title>
<meta name="keywords" content="reese 小星打屁屁 java 个人博客 cms" />
<meta name="description" content="reese 小星打屁屁 java 个人博客 cms" />
<link href="<%=request.getContextPath() %>/resources/css/base.css" rel="stylesheet">
<link href="<%=request.getContextPath() %>/resources/css/index.css" rel="stylesheet">
<!--[if lt IE 9]>
  <script src="<%=request.getContextPath() %>/resources/js/modernizr.js"></script>
  <![endif]-->
</head>
<body>
<jsp:include page="nav.jsp"/>
<div class="banner">
  <section class="box">
    <ul class="texts">
      <p>打了死结的青春，捆死一颗苍白绝望的灵魂。</p>
      <p>为自己掘一个坟墓来葬心，红尘一梦，不再追寻。</p>
      <p>加了锁的青春，不会再因谁而推开心门。</p>
    </ul>
    <div class="avatar"><a href="#"><span>靖青</span></a> </div>
  </section>
</div>
<%--<jsp:include page="index_head_template.jsp"/>--%>
<article>
  <h2 class="title_tj">
    <p>文章<span>推荐</span></p>
  </h2>
  <div class="bloglist left">
<%--    <h3>程序员请放下你的技术情节，与你的同伴一起进步</h3>
    <figure><img src="<%=request.getContextPath() %>/resources/images/001.png"></figure>
    <ul>
      <p>如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话， 那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...</p>
      <a title="/" href="/" target="_blank" class="readmore">阅读全文>></a>
    </ul>
    <p class="dateview"><span>2013-11-04</span><span>作者：reese</span><span>个人博客：[<a href="/news/life/">程序人生</a>]</span></p>
    --%>
    <c:forEach items="${datas }" var="data">
      <h3>${data.title}</h3>
      <figure><img src="<%=request.getContextPath() %>/resources/images/001.png"></figure>
      <ul>
        <p>${fn:substring(data.content, 0, 100)}...</p>
        <a title="${data.title}" href="/blog/tpl/web/template/${data.id}" target="_blank" class="readmore">阅读全文>></a>
      </ul>
      <p class="dateview"><span><fmt:formatDate value="${data.publishDate }" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate> </span><span>作者：${data.author }</span><span>所在栏目：[首页]</span>
      </p>
    </c:forEach>
  </div>
  <aside class="right">
    <div class="weather"><iframe width="250" scrolling="no" height="60" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=1"></iframe></div>
    <div class="news">
    <h3>
      <p>最新<span>文章</span></p>
    </h3>
    <ul class="rank">
     <%-- <li><a href="/" title="Column 三栏布局 个人网站模板" target="_blank">Column 三栏布局 个人网站模板</a></li>--%>
      <c:forEach items="${latestTopics }" var="latestTopics">
        <li><a href="/blog/tpl/web/template/${latestTopics.id}" title="${latestTopics.title}" target="_blank">${latestTopics.title}</a></li>
      </c:forEach>
    </ul>
    <h3 class="ph">
      <p>点击<span>排行</span></p>
    </h3>
    <ul class="paih">
      <c:forEach items="${mostClickTopics }" var="mostClickTopics">
        <li><a href="/blog/tpl/web/template/${mostClickTopics.id}" title="${mostClickTopics.title}" target="_blank">${mostClickTopics.title}</a></li>
      </c:forEach>
      <%--<li><a href="/" title="Column 三栏布局 个人网站模板" target="_blank">Column 三栏布局 个人网站模板</a></li>--%>

    </ul>
    <h3 class="links">
      <p>友情<span>链接</span></p>
    </h3>
    <ul class="website">
      <c:forEach items="${links }" var="link">
        <li><a href="http://${link.summary}" title="${link.title}" target="_blank">${link.title}</a></li>
      </c:forEach>
    </ul>

    </div>  
    <jsp:include page="baidu_share.jsp"/>
    <a href="/" class="weixin"> </a>
    <!--微信联系我 end -->

    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=450 src="http://music.163.com/outchain/player?type=0&id=65753914&auto=1&height=430"></iframe>

  </aside>
</article>
<jsp:include page="footer.jsp"/>
<script src="<%=request.getContextPath() %>/resources/js/silder.js"></script>
</body>
</html>

